<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入Vue - 做数据绑定 -->
    <script src="js/plugins/vue.js"></script>
    <!-- 引入axios - 发送异步请求 -->
    <script src="js/plugins/axios.js"></script>
    <!-- axios全局配置 + 基础路径 -->
    <script src="js/plugins/common.js"></script>

</head>
<body>
<div id="myApp"></div>
<script type="text/javascript">
    new Vue({
        el:"#myApp",
        mounted(){
            //获取地址栏的地址
            var url = location.href;
            //将地址栏的数据转成json对象
            let obj = parseUrlParams2Obj(url);
            //将code传递到后端 去获取access_token
            this.$http.post("/login/wxUser",{"code":obj.code}).then(res => {
                if(res.data.success){//成功
                    //获取响应信息 - 使用解构表达式的方式获取
                    localStorage.setItem('token', res.data.resultObj.token);
                    //将json对象转成json字符串 - setItem只保存字符串
                    localStorage.setItem('loginInfo', JSON.stringify(res.data.resultObj.loginInfo));
                    //跳转到首页
                    location.href="index.html";
                }else{//失败 - 没有绑定微信用户
                    //获取响应信息 - 使用解构表达式的方式获取
                    let access_token = res.data.resultObj.access_token;
                    //将json对象转成json字符串 - setItem只保存字符串
                    let openid =  res.data.resultObj.openid;
                    //跳转到绑定页面
                    location.href="binder.html?access_token="+access_token+"&openid="+openid;
                }
            }).catch(res => {  //404
                alert("系统错误");
            })
        }
    })

</script>
</body>
</html>